.classify{
    width: 100%;
    height: 100%;
    font-size: .3rem;
}
.search{
    height: .65rem;
    line-height: .65rem;
    text-indent: .5rem;
    margin-left: .5rem;
    background:#fff8;
    border-radius: 15px;
    span{
        color: #999;
    }
}


.classify_con{
    width: 100%;
    height: 100%;
    display: flex;

    img{
        width: .8rem;
        height: .8rem;
    }
}
.classLeft{
    width: 20%;
    display: flex;
    height: 100%;
    position: fixed;
    left: 0;
    top: 30px;
    flex-direction: column;
    div{
        height: 1.1rem;
        line-height:1.1rem;
        text-align: center;
    }
}
.classCon{
    overflow-y: scroll;
    width: 80%;
    margin-left: 1.5rem;
    padding: .3rem;
    .item_tit{
        margin-bottom: .5rem;  
        font-weight: 900;
    }
    .items{
        display: flex;
        flex-wrap: wrap;
        div{
            width: 30%;
            text-align: center;
            align-items: center;
            flex-direction: column;
            margin-bottom: .3rem;
            img{
                margin-bottom: .1rem;
            }
            div{
                width: 1.7rem;
                white-space: nowrap; 
                overflow: hidden;
                text-overflow:ellipsis;
            }
        }
    }
}
.active{
    color: red;
}